import React from "react";
import {
  BrowserRouter,
  HashRouter,
  Routes,
  Route,
  Navigate,
} from "react-router-dom";
import Home from "./views/home";
import Car from "./views/car";
import Classify from "./views/classify";
import My from "./views/my";
import HomeC1 from './views/homeC1'
import HomeC2 from './views/homeC2'

const Index = () => {
  return (
    <BrowserRouter>
      <Routes>
        <Route path="/home" element={<Home></Home>}>
          <Route path="/home/c1" element={<HomeC1></HomeC1>}></Route>
          <Route path="c2" element={<HomeC2></HomeC2>}></Route>
        </Route>
        <Route path="/classify" element={<Classify></Classify>}></Route>
        <Route path="/car" element={<Car></Car>}></Route>
        <Route path="/my" element={<My></My>}></Route>
        <Route path="/" element={<Navigate to="/home"></Navigate>}></Route>
      </Routes>
    </BrowserRouter>
  );
};

export default Index;

// /home/c2
// /home/home/c1





